﻿<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="/css/main.css" rel="stylesheet" />
        <link rel="stylesheet" href="/css/portal.css" type="text/css"/>
        <title>编辑内容</title>
    </head>

	<body>
		<div class="main-container">
            <div class="breadcrumbs">
                <a class="back">
                    <i class="skinicon skin-back"></i>
                    <span>返回列表页</span>
                </a>
                <a>
                    <i class="skinicon skin-home"></i>
                    <span>首页</span>
                </a>
                <i class="skinicon skin-arrow-right"></i>
                <a>
                    <span>内容管理</span>
                </a>
                <i class="skinicon skin-arrow-right"></i>
                <a>
                    <span>编辑内容</span>
                </a>
            </div>

			<ul class="nav nav-tabs oa-nav-tabs">
			  	<li class="active"><a href="#tab_1" data-toggle="tab">基本信息</a></li>
			  	<li><a href="#tab_2" data-toggle="tab">详细描述</a></li>
			  	<li><a href="#tab_3" data-toggle="tab">SEO选项</a></li>
			</ul>

			<div class="tab-content oa-tab-content">
                <div class="tab-pane active" id="tab_1">
                    <dl class="dl-horizontal">
                        <dt>所属类别</dt>
                        <dd>
	                        <div class="btn-group">
							  	<button id="selected-type" type="button" class="btn btn-oa" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">请选择类别</button>
							  	<button type="button" class="btn dropdown-toggle btn-oa-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							    	<span class="caret"></span>
							  	</button>
							  	<ul class="dropdown-menu">
							    	<li><a href="#">互联网媒体</a></li>
							    	<li><a href="#">　├ 人物动态</a></li>
							    	<li><a href="#">　├ 电子商务</a></li>
                                    <li><a href="#">　├ 传闻爆料</a></li>
                                    <li><a href="#">科技财经</a></li>
                                    <li><a href="#">　├ IT业界</a></li>
                                    <li><a href="#">　├ 经济民生</a></li>
                                    <li><a href="#">　├ 数码产品</a></li>
                                    <li><a href="#">汽车房产</a></li>
                                    <li><a href="#">　├ 新车行情</a></li>
                                    <li><a href="#">　├ 房产动态</a></li>
							  	</ul>
							</div>
						</dd>
					</dl>
					<dl class="dl-horizontal">
                        <dt>显示状态</dt>
                        <dd>
	                        <div id="status" class="btn-group" role="group" aria-label="...">
						  		<button type="button" class="btn btn-oa btn-selected">正常</button>
						  		<button type="button" class="btn btn-oa">待审核</button>
						  		<button type="button" class="btn btn-oa">不显示</button>
							</div>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>推荐类型</dt>
                        <dd>
	                        <div id="type" class="btn-group" role="group" aria-label="...">
						  		<button type="button" class="btn btn-oa">允许评论</button>
						  		<button type="button" class="btn btn-oa">置顶</button>
						  		<button type="button" class="btn btn-oa">推荐</button>
						  		<button type="button" class="btn btn-oa">热门</button>
						  		<button type="button" class="btn btn-oa">幻灯片</button>
							</div>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>内容标题</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa" name="title"/>
                        	<span class="validform_checktip">*标题最多100个字符</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>Tags标签</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa" name="title"/>
                        	<span class="validform_checktip">多个可用英文逗号分隔开，如：a,b</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>封面图片</dt>
                        <dd>
                            <!--<button type="file" class="btn btn-oa" style="margin-top: -4px">浏览...</button>-->
                            <div class="file-box"> 
                                <form action="" method="post" enctype="multipart/form-data">
                                    <input type="text" id='textfield' class="form-control input-oa" name="textfield"/>
                                    <input type='button' class='btn btn-oa' value='浏览...' /> 
                                    <input type="file" name="fileField" class="file" id="fileField" size="28" onchange="document.getElementById('textfield').value=this.value" />
                                </form> 
                            </div>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>排序数字</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa input-oa-small" name="title" value="99"/>
                        	<span class="validform_checktip">*数字，越小越向前</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>浏览次数</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa input-oa-small" name="title" value="0"/>
                        	<span class="validform_checktip">点击浏览该信息自动+1</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>发布时间</dt>
                        <dd>
                            <i class="skinicon skin-date"></i>
                        	<input type="text" class="form-control input-oa datepicker" name="title" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
                        	<span class="validform_checktip">不选择默认当前发布时间</span>
						</dd>
                    </dl>
                </div>

                <div class="tab-pane" id="tab_2">
					<dl class="dl-horizontal">
                        <dt>调用别名</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa" name="title"/>
                        	<span class="validform_checktip">*别名访问，非必填，不可重复</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>URL链接</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa" name="title"/>
                        	<span class="validform_checktip">填写后直接跳转到该网址</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>信息来源</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa" name="title" value="本站"/>
                        	<span class="validform_checktip">非必填，最多50个字符</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>文章作者</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa" name="title"/>
                        	<span class="validform_checktip">非必填，最多50个字符</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>内容摘要</dt>
                        <dd>
                        	<textarea class="input-oa" rows="2"></textarea>
                        	<span class="validform_checktip">不填写则自动截取内容前255字符</span>
						</dd>
                    </dl>
                </div>

                <div class="tab-pane" id="tab_3">
					<dl class="dl-horizontal">
                        <dt>SEO标题</dt>
                        <dd>
                        	<input type="text" class="form-control input-oa" name="title"/>
                        	<span class="validform_checktip">255个字符以内</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>SEO关健字</dt>
                        <dd>
                        	<textarea class="input-oa" rows="2"></textarea>
                        	<span class="validform_checktip">以“,”逗号区分开，255个字符以内</span>
						</dd>
                    </dl>
					<dl class="dl-horizontal">
                        <dt>SEO描述</dt>
                        <dd>
                        	<textarea class="input-oa" rows="2"></textarea>
                        	<span class="validform_checktip">255个字符以内</span>
						</dd>
                    </dl>
                </div>
            </div>

            <div class="page-footer">
                <button type="submit" class="btn btn-blue">提交保存</button>
                <button type="button" class="btn btn-orange">返回上一页</button>
            </div>

		</div>
	</body>
    <script src="/common-js/WdatePicker/WdatePicker.js"></script>
    <script src="/common-js/jquery/jquery.min.js" type="text/javascript"></script>
    <script src="/common-js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/common-js/bootstrap/bootstrap-switch.min.js"></script>
    <script type="text/javascript" src="/common-js/publicFunction.js"></script>
    <script type="text/javascript" src="/common-js/tab.js"></script>
    <script src="/js/layer/layer.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/main.js"></script>
    <script>
        $(function() {
            $('.dropdown-menu a').click(function() {
                $('#selected-type').html($(this).html());
            });

            $('#status button').click(function() {
                if(!$(this).hasClass('btn-selected')) {
                    $('#status .btn-selected').removeClass('btn-selected');
                    $(this).addClass('btn-selected');
                }
            });

            $('#type button').click(function() {
                if($(this).hasClass('btn-selected')) {
                    $(this).removeClass('btn-selected');
                } else {
                    $(this).addClass('btn-selected');
                }
            });
        });
    </script>

</html>